<style lang="less">
.card_style {
  height: 100%;
  width: 100%;
  overflow: hidden;
  .ivu-card-body {
    padding: 0px;
  }
}
.page_style {
  margin-top: 10px;
  text-align: center;
}
.bench_search {
  margin-bottom: 10px;
}
.nopadding .ivu-table-cell {
  padding: 0px 0px;
}
.item1{
  height: 42px;
  line-height: 40px;
}
.marginR2 {
  margin-right: 2%;
}
.fontsize20 {
  font-size: 20px;
}
.fontTitle {
  font-size: 20px;
  height: 52px;
  text-align: right;
  padding-top: 16px;
  // vertical-align: bottom;
}
.fontContent {
  font-size: 20px;
  height: 52px;
  text-align: left;
  padding-top: 16px;
  color: #dc9387;
  // vertical-align: bottom;
}
.countNum {
  font-size: 35px;
  color: #dc9387;
}
.new-btn-sty {
  margin-right: 5px;
  color: #fff;
  background-color: #235CA7;
  border-color: #235CA7;
  font-weight: 500;
}
.new-btn-sty1 {
  margin-right: 5px;
  color: #fff;
  background-color: #598ED1;
  border-color: #598ED1;
  font-weight: 500;
}
.text-overflow{
  width:300px; /* 超过宽度就显示... */
  text-overflow: ellipsis; /* 显示... */
  overflow: hidden; /* 隐藏文字 */
  white-space: nowrap; /* 不换行 */
  cursor: pointer; /* hover显示手形 */
}
.search-info-style{
  margin-top: 10px;
}
.table-input{
  border: #312e2e solid 1px;
  border-left: 0px;
  border-right: 0px;
  line-height: 50px;
}
.table-col{
  border: #312e2e solid 1px;
  line-height: 50px;
}
</style>
<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
  <div>
    <Row class="search-info-style">
      <Col span="6">
        <span style="">姓名：</span>
        <Input style="width: 70%;" v-model="searchInfo.CPBI003" />
      </Col>
      <Col span="6">
        <span style="">性别：</span>
        <Select v-model="searchInfo.CPBI005" filterable transfer="" style="width: 57%;">
          <Option :value="'0'" >男</Option>
          <Option :value="'1'" >女</Option>
        </Select>
      </Col>
      <Col span="6">
        <span style="">年龄：</span>
        <Input style="width: 30%;" v-model="searchInfo.start_age" />~
        <Input style="width: 30%;" v-model="searchInfo.end_age" />
      </Col>
      <Col span="6">
        <span style="">是否超龄：</span>
        <Select v-model="searchInfo.isoverage" filterable transfer="" style="width: 40%;">
          <Option :value="'Y'" >是</Option>
          <Option :value="'N'" >否</Option>
        </Select>
      </Col>
    </Row>
    <Row class="search-info-style" >
      <Col span="6">
        <span>政治面貌：</span>
        <Select v-model="searchInfo.CPBI008" filterable transfer="" style="width: 70%;">
          <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
        </Select>
      </Col>
      <Col span="6" v-if="this.$store.state.user.severUserInfo.company_grade === '2'">
        <span>所在区县：</span>
        <Select v-model="searchInfo.CPWI023" filterable transfer="" style="width: 70%;" @on-change="getRegionList(searchInfo.CPWI023, 1)">
          <Option :value="item.CPSR001" v-for="item in reginList[0]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
        </Select>
      </Col>
      <Col span="6" v-if="this.$store.state.user.severUserInfo.company_grade === '2' || this.$store.state.user.severUserInfo.company_grade === '3'">
        <span>所在街道：</span>
        <Select v-model="searchInfo.CPWI024" filterable transfer="" style="width: 70%;" @on-change="getRegionList(searchInfo.CPWI024, 2)">
          <Option :value="item.CPSR001" v-for="item in reginList[1]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
        </Select>
      </Col>
      <Col span="6">
        <span>所在社区：</span>
        <Select v-model="searchInfo.CPWI025" filterable transfer="" style="width: 70%;" >
          <Option :value="item.CPSR001" v-for="item in reginList[2]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
        </Select>
      </Col>
    </Row>
    <Row class="search-info-style" >
      <Col span="6">
        <span style="">身份证号：</span>
        <Input style="width: 70%;" v-model="searchInfo.CPBI002" />
      </Col>
      <Col span="6">
        <span style="">联系方式：</span>
        <Input style="width: 70%;" v-model="searchInfo.CPBI013" />
      </Col>
      <Col span="6">
        <span>任职情况：</span>
        <Select v-model="searchInfo.CPWI006" filterable transfer="" style="width: 70%;">
          <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
        </Select>
      </Col>
      <Col span="6">
        <span>社工状态：</span>
        <Select v-model="searchInfo.CPBI018" filterable transfer="" style="width: 70%;">
          <Option :value="item.TYPECODE" v-for="item in dictList[2]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
        </Select>
      </Col>
    </Row>
    <Row class="search-info-style">
      <Col span="20">
        <Button class="new-btn-sty" @click="showPerson(1)" >
          <Icon type="success" /> 查看
        </Button>
        <Button class="new-btn-sty" @click="addModal = true">
          <Icon type="success" /> 录入
        </Button>
        <Button class="new-btn-sty" @click="showPerson(2)">
          <Icon type="success" /> 编辑
        </Button>
        <Button class="new-btn-sty" @click="salarysettlement()">
          <Icon type="success" /> 工资结算
        </Button>
      </Col>
      <Col span="4">
        <Button class="new-btn-sty" @click="init">
          <Icon type="ios-search" /> 查询
        </Button>
        <Button class="new-btn-sty" @click="searchDatawork">
          <Icon type="success" /> 重置
        </Button>
      </Col>
    </Row>
    <Row>
      <Col span="24" >
        <Table border  :columns="columns" :data="datalist" ref="personSelection" style="margin-top:10px;" @on-selection-change="personSelection()"></Table>
        <Row v-if="searchInfo.loading1 == true">
          <Col class="demo-spin-col" span="8" offset="8">
            <Spin fix>
              <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
              <div>数据正在加载</div>
            </Spin>
          </Col>
        </Row>
      </Col>
    </Row>
    <Page :total="searchInfo.totalnum" class="page_style" :current="searchInfo.currentPageNo"
          :page-size="searchInfo.currentPageSize" @on-change="changePageNo" show-total show-elevator show-sizer @on-page-size-change="changePagesize"/>
    <Modal
      v-model="addModal"
      title="录入"
      width="80%"
      @on-ok="addOk">
      <div style="width: 100%;">
        <Row class="bench_search" >
          <Col span="5" align="center" >姓名<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="addinfo.CPBI003" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >身份证号<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="addinfo.CPBI002" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">性别<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="addinfo.CPBI005" filterable transfer="" style="width: 52.5%;">
              <Option :value="'0'" >男</Option>
              <Option :value="'1'" >女</Option>
            </Select>
          </Col>
          <Col span="4" align="center">婚姻状况<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="addinfo.CPBI006" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">民族<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="addinfo.CPBI007" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">政治面貌<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="addinfo.CPBI008" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否服役<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="addinfo.CPBI009" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">是否军嫂<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="addinfo.CPBI010" filterable transfer="" style="width: 35%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否为低保或低保边缘户子女<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="addinfo.CPBI011" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">户籍地址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input v-model="addinfo.CPBI012" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">联系方式<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Input v-model="addinfo.CPBI013" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center">家庭住址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input v-model="addinfo.CPBI014" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">免冠照片<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <!--v-model="addinfo.CPBI015"-->
            <img src="" width="100px" height="150px" style="float: left" >
            <span style="width: 80px;float: left;margin-top: 10%">免冠照片, 最大为2M,最大像素为200 * 300</span>
          </Col>
          <Col span="4" align="center">身份证正反上传<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <!-- v-model="addinfo.CPBI016"-->
            <img src="/" width="270px" height="170px">
            <!--v-model="addinfo.CPBI019"-->
            <img src="" width="270px" height="170px" >
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">在职状态</Col>
          <Col span="6" >
            <Select v-model="addinfo.CPBI017" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[5]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">审批状态</Col>
          <Col span="9" >
            <Select v-model="addinfo.CPBI018" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[6]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search" >
          <Col span="5" align="center" >银行卡号<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="addinfo.bankcardno" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >应发工资<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="addinfo.salary" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
      </div>
      <div style="width: 100%;">
        <Tabs type="card">
          <TabPane label="教育信息">
            <Row class="bench_search" >
              <Col span="5" align="center" >毕业院校<span style="color: red">(必填)</span></Col>
              <Col span="7">
                <Input v-model="addinfo.CPEI002" type="text" style="width: 35%"></Input>
              </Col>
              <Col span="4" align="center" >所学专业<span style="color: red">(必填)</span></Col>
              <Col span="8">
                <Input v-model="addinfo.CPEI003" type="text" style="width: 35%"></Input>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="5" align="center">最高学历<span style="color: red">(必填)</span></Col>
              <Col span="7" >
                <Select v-model="addinfo.CPEI004" filterable transfer="" style="width: 35%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </Col>
              <Col span="4" align="center">学位<span style="color: red">(必填)</span></Col>
              <Col span="8" >
                <Select v-model="addinfo.CPEI005" filterable transfer="" style="width: 35%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="5" align="center">毕业时间<span style="color: red">(必填)</span></Col>
              <Col span="7" >
                <DatePicker type="date"  v-model="addinfo.CPEI006" :transfer=true style="width: 35%;"></DatePicker>
              </Col>
            </Row>
          </TabPane>
          <TabPane label="亲属信息">
            <Row>
              <Col span="1">
                <Button type="primary" @click="addFamily">添加</Button>
              </Col>
              <Col span="1">
                <Button type="primary" @click="delFamily">删除</Button>
              </Col>
            </Row>
            <Table width="850" border :columns="familyInfoTable" :data="familyInfoList" ref="familySelection"  @on-selection-change="familySelection()"  style="margin-top: 10px;">
              <template  slot-scope="{ row }" slot="CPFI002">
                <Input v-model="row.CPFI002" type="text"></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI003">
                <Select v-model="row.CPFI003" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row }" slot="CPFI004">
                <Input v-model="row.CPFI004" type="text" ></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI005">
                <Input v-model="row.CPFI005" type="text" ></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI006">
                <Select v-model="row.CPFI006" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row, index }" slot="action1">
                <Button type="primary" @click="confirm(row, index)">确认</Button>
              </template>
            </Table>
          </TabPane>
          <TabPane label="职业信息">
            <div style="overflow-y:auto;height: 200px">
              <Row class="bench_search" >
                <Col span="5" align="center" >社会工作师职业资格:</Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI002" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >社会工作师职业资格取得时间:</Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="addinfo.CPWI003" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >所属市区:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI023" filterable transfer="" style="width: 52.5%" @on-change="getRegionList(addinfo.CPWI023, 1)">
                    <Option :value="item.CPSR001" v-for="item in reginList[0]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >街道:</Col>
                <Col span="9">
                  <Select v-model="addinfo.CPWI024" filterable transfer="" style="width: 35%" @on-change="getRegionList(addinfo.CPWI024, 2)">
                    <Option :value="item.CPSR001" v-for="item in reginList[1]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >社区:</Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI025" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.CPSR001" v-for="item in reginList[2]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >入职时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="addinfo.CPWI005" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >任职情况:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI006" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >任职时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="addinfo.CPWI007" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否党组织成员:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="addinfo.CPFI006" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >是否居委会成员:</Col>
                <Col span="9">
                  <Select v-model="addinfo.CPFI006aa" filterable transfer="" style="width: 35%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >笔试成绩:</Col>
                <Col span="6">
                  <Input v-model="addinfo.CPWI008" type="text" style="width: 52.5%"></Input>
                </Col>
                <Col span="4" align="center" >面试成绩:</Col>
                <Col span="9">
                  <Input v-model="addinfo.CPWI009" type="text" style="width: 35%"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >其他职业资格:</Col>
                <Col span="6">
                  <Input v-model="addinfo.CPWI004" type="text" style="width: 52.5%"></Input>
                </Col>
                <Col span="4" align="center" >继续教育情况:</Col>
                <Col span="9">
                  <Input v-model="addinfo.CPWI015" type="text" style="width: 35%"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否取得全科社工资格:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI016" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >全科社工资格取得时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="addinfo.CPEI006" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >社会保险缴费记录:</Col>
                <Col span="6">
                  <CheckboxGroup v-model="addinfo.CPWI017">
                    <Checkbox label="01">养老保险</Checkbox>
                    <Checkbox label="02">医疗保险</Checkbox>
                    <Checkbox label="03">失业保险</Checkbox>
                    <Checkbox label="04">工伤保险</Checkbox>
                    <Checkbox label="05">生育保险</Checkbox>
                    <Checkbox label="06">住房公积金</Checkbox>
                  </CheckboxGroup>
                </Col>
                <Col span="4" align="center" >初次缴纳时间:</Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="addinfo.CPWI018" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否连续缴纳:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI019" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >接续缴纳时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="addinfo.CPWI020" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >培训记录:</Col>
                <Col span="6">
                  <Select v-model="addinfo.CPWI014" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >综合评定:</Col>
                <Col span="9">
                  <Select v-model="addinfo.CPWI013" filterable transfer="" style="width: 35%">
                    <Option :value="'10'" >优秀</Option>
                    <Option :value="'20'" >称职</Option>
                    <Option :value="'40'" >不称职</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >离职时间:</Col>
                <Col span="6">
                  <DatePicker type="date"  v-model="addinfo.CPWI021" :transfer=true style="width: 52.5%;"></DatePicker>
                </Col>
              </Row>
            </div>
          </TabPane>
          <TabPane label="考核信息">
            <Row>
              <Col span="1">
                <Button type="primary" @click="addAssessment">添加</Button>
              </Col>
              <Col span="1">
                <Button type="primary" @click="delAssessment">删除</Button>
              </Col>
            </Row>
            <Table width="850" border :columns="assessmentInfoTable" :data="assessmentInfoList" ref="assessmentSelection"  @on-selection-change="assessmentSelection()"  style="margin-top: 10px;">
              <template  slot-scope="{ row }" slot="CPKI001">
                <Select v-model="row.CPKI001" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row }" slot="CPKI002">
                <DatePicker type="date"  v-model="row.CPKI002" :transfer=true ></DatePicker>
              </template>
              <template slot-scope="{ row }" slot="CPKI003">
                <Select v-model="row.CPKI003" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row, index }" slot="action1">
                <Button type="primary" @click="confirm2(row, index)">确认</Button>
              </template>
            </Table>
          </TabPane>
        </Tabs>
      </div>
    </Modal>
    <Modal
      v-model="updateModal"
      title="编辑"
      width="80%"
      @on-ok="updateOk">
      <div style="width: 100%;">
        <Row class="bench_search" >
          <Col span="5" align="center" >唯一识别编号<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="updateinfo.CPBI001" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >身份证号<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="updateinfo.CPBI002" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search" >
          <Col span="5" align="center" >姓名<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="updateinfo.CPBI003" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >出生日期<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="updateinfo.CPBI004" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">性别<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="updateinfo.CPBI005" filterable transfer="" style="width: 52.5%;">
              <Option :value="'0'" >男</Option>
              <Option :value="'1'" >女</Option>
            </Select>
          </Col>
          <Col span="4" align="center">婚姻状况<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="updateinfo.CPBI006" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">民族<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="updateinfo.CPBI007" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">政治面貌<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="updateinfo.CPBI008" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否服役<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="updateinfo.CPBI009" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">是否军嫂<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="updateinfo.CPBI010" filterable transfer="" style="width: 35%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否为低保或低保边缘户子女<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="updateinfo.CPBI011" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">户籍地址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input v-model="updateinfo.CPBI012" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">联系方式<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Input v-model="updateinfo.CPBI013" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center">家庭住址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input v-model="updateinfo.CPBI014" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">免冠照片<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <!--v-model="addinfo.CPBI015"-->
            <img src="" width="100px" height="150px" style="float: left" >
            <span style="width: 80px;float: left;margin-top: 10%">免冠照片, 最大为2M,最大像素为200 * 300</span>
          </Col>
          <Col span="4" align="center">身份证正反上传<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <!-- v-model="addinfo.CPBI016"-->
            <img src="/" width="270px" height="170px">
            <!--v-model="addinfo.CPBI019"-->
            <img src="" width="270px" height="170px" >
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">在职状态</Col>
          <Col span="6" >
            <Select v-model="updateinfo.CPBI017" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[5]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">审批状态</Col>
          <Col span="9" >
            <Select v-model="updateinfo.CPBI018" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[6]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search" >
          <Col span="5" align="center" >银行卡号<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="updateinfo.bankcardno" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >应发工资<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="updateinfo.salary" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
      </div>
      <div style="width: 100%;">
        <Tabs type="card">
          <TabPane label="教育信息">
            <Row class="bench_search" >
              <Col span="5" align="center" >毕业院校<span style="color: red">(必填)</span></Col>
              <Col span="7">
                <Input v-model="updateinfo.CPEI002" type="text" style="width: 35%"></Input>
              </Col>
              <Col span="4" align="center" >所学专业<span style="color: red">(必填)</span></Col>
              <Col span="8">
                <Input v-model="updateinfo.CPEI003" type="text" style="width: 35%"></Input>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="5" align="center">最高学历<span style="color: red">(必填)</span></Col>
              <Col span="7" >
                <Select v-model="updateinfo.CPEI004" filterable transfer="" style="width: 35%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </Col>
              <Col span="4" align="center">学位<span style="color: red">(必填)</span></Col>
              <Col span="8" >
                <Select v-model="updateinfo.CPEI005" filterable transfer="" style="width: 35%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="5" align="center">毕业时间<span style="color: red">(必填)</span></Col>
              <Col span="7" >
                <DatePicker type="date"  v-model="updateinfo.CPEI006" :transfer=true style="width: 35%;"></DatePicker>
              </Col>
            </Row>
          </TabPane>
          <TabPane label="亲属信息">
            <Row>
              <Col span="1">
                <Button type="primary" @click="addFamily">添加</Button>
              </Col>
              <Col span="1">
                <Button type="primary" @click="delFamily">删除</Button>
              </Col>
            </Row>
            <Table width="850" border :columns="familyInfoTable" :data="familyInfoList" ref="familySelection1"  @on-selection-change="familySelection()"  style="margin-top: 10px;">
              <template  slot-scope="{ row }" slot="CPFI002">
                <Input v-model="row.CPFI002" type="text"></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI003">
                <Select v-model="row.CPFI003" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row }" slot="CPFI004">
                <Input v-model="row.CPFI004" type="text" ></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI005">
                <Input v-model="row.CPFI005" type="text" ></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI006">
                <Select v-model="row.CPFI006" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row, index }" slot="action1">
                <Button type="primary" @click="confirm(row, index)">确认</Button>
              </template>
            </Table>
          </TabPane>
          <TabPane label="职业信息">
            <div style="overflow-y:auto;height: 200px">
              <Row class="bench_search" >
                <Col span="5" align="center" >社会工作师职业资格:</Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI002" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >社会工作师职业资格取得时间:</Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="updateinfo.CPWI003" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >所属市区:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI023" filterable transfer="" style="width: 52.5%" @on-change="getRegionList(updateinfo.CPWI023, 1)">
                    <Option :value="item.CPSR001" v-for="item in reginList[0]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >街道:</Col>
                <Col span="9">
                  <Select v-model="updateinfo.CPWI024" filterable transfer="" style="width: 35%" @on-change="getRegionList(updateinfo.CPWI024, 2)">
                    <Option :value="item.CPSR001" v-for="item in reginList[1]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >社区:</Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI025" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.CPSR001" v-for="item in reginList[2]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >入职时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="updateinfo.CPWI005" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >任职情况:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI006" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >任职时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="updateinfo.CPWI007" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否党组织成员:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPFI006" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >是否居委会成员:</Col>
                <Col span="9">
                  <Select v-model="updateinfo.CPFI006aa" filterable transfer="" style="width: 35%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >笔试成绩:</Col>
                <Col span="6">
                  <Input v-model="updateinfo.CPWI008" type="text" style="width: 52.5%"></Input>
                </Col>
                <Col span="4" align="center" >面试成绩:</Col>
                <Col span="9">
                  <Input v-model="updateinfo.CPWI009" type="text" style="width: 35%"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >其他职业资格:</Col>
                <Col span="6">
                  <Input v-model="updateinfo.CPWI004" type="text" style="width: 52.5%"></Input>
                </Col>
                <Col span="4" align="center" >继续教育情况:</Col>
                <Col span="9">
                  <Input v-model="updateinfo.CPWI015" type="text" style="width: 35%"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否取得全科社工资格:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI016" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >全科社工资格取得时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="updateinfo.CPEI006" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >社会保险缴费记录:</Col>
                <Col span="6">
                  <CheckboxGroup v-model="updateinfo.CPWI017">
                    <Checkbox label="01">养老保险</Checkbox>
                    <Checkbox label="02">医疗保险</Checkbox>
                    <Checkbox label="03">失业保险</Checkbox>
                    <Checkbox label="04">工伤保险</Checkbox>
                    <Checkbox label="05">生育保险</Checkbox>
                    <Checkbox label="06">住房公积金</Checkbox>
                  </CheckboxGroup>
                </Col>
                <Col span="4" align="center" >初次缴纳时间:</Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="updateinfo.CPWI018" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否连续缴纳:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI019" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >接续缴纳时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="updateinfo.CPWI020" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >培训记录:</Col>
                <Col span="6">
                  <Select v-model="updateinfo.CPWI014" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >综合评定:</Col>
                <Col span="9">
                  <Select v-model="updateinfo.CPWI013" filterable transfer="" style="width: 35%">
                    <Option :value="'10'" >优秀</Option>
                    <Option :value="'20'" >称职</Option>
                    <Option :value="'40'" >不称职</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >离职时间:</Col>
                <Col span="6">
                  <DatePicker type="date"  v-model="updateinfo.CPWI021" :transfer=true style="width: 52.5%;"></DatePicker>
                </Col>
              </Row>
            </div>
          </TabPane>
          <TabPane label="考核信息">
            <Row>
              <Col span="1">
                <Button type="primary" @click="addAssessment">添加</Button>
              </Col>
              <Col span="1">
                <Button type="primary" @click="delAssessment">删除</Button>
              </Col>
            </Row>
            <Table width="850" border :columns="assessmentInfoTable" :data="assessmentInfoList" ref="assessmentSelection1"  @on-selection-change="assessmentSelection()"  style="margin-top: 10px;">
              <template  slot-scope="{ row }" slot="CPKI001">
                <Select v-model="row.CPKI001" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row }" slot="CPKI002">
                <DatePicker type="date"  v-model="row.CPKI002" :transfer=true ></DatePicker>
              </template>
              <template slot-scope="{ row }" slot="CPKI003">
                <Select v-model="row.CPKI003" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row, index }" slot="action1">
                <Button type="primary" @click="confirm2(row, index)">确认</Button>
              </template>
            </Table>
          </TabPane>
        </Tabs>
      </div>
    </Modal>
    <Modal
      v-model="showModal"
      title="查看"
      width="80%">
      <div style="width: 100%;">
        <Row class="bench_search" >
          <Col span="5" align="center" >唯一识别编号<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="showinfo.CPBI001" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >身份证号<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="showinfo.CPBI002" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search" >
          <Col span="5" align="center" >姓名<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="showinfo.CPBI003" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >出生日期<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="showinfo.CPBI004" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">性别<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="showinfo.CPBI005" filterable transfer="" style="width: 52.5%;">
              <Option :value="'0'" >男</Option>
              <Option :value="'1'" >女</Option>
            </Select>
          </Col>
          <Col span="4" align="center">婚姻状况<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="showinfo.CPBI006" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">民族<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="showinfo.CPBI007" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">政治面貌<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="showinfo.CPBI008" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否服役<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="showinfo.CPBI009" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">是否军嫂<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select v-model="showinfo.CPBI010" filterable transfer="" style="width: 35%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否为低保或低保边缘户子女<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select v-model="showinfo.CPBI011" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">户籍地址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input v-model="showinfo.CPBI012" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">联系方式<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Input v-model="showinfo.CPBI013" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center">家庭住址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input v-model="showinfo.CPBI014" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">免冠照片<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <!--v-model="addinfo.CPBI015"-->
            <img src="" width="100px" height="150px" style="float: left" >
            <span style="width: 80px;float: left;margin-top: 10%">免冠照片, 最大为2M,最大像素为200 * 300</span>
          </Col>
          <Col span="4" align="center">身份证正反上传<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <!-- v-model="addinfo.CPBI016"-->
            <img src="/" width="270px" height="170px">
            <!--v-model="addinfo.CPBI019"-->
            <img src="" width="270px" height="170px" >
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">在职状态</Col>
          <Col span="6" >
            <Select v-model="showinfo.CPBI017" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[5]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">审批状态</Col>
          <Col span="9" >
            <Select v-model="showinfo.CPBI018" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[6]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search" >
          <Col span="5" align="center" >银行卡号<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input v-model="showinfo.bankcardno" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >应发工资<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input v-model="showinfo.salary" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
      </div>
      <div style="width: 100%;">
        <Tabs type="card">
          <TabPane label="教育信息">
            <Row class="bench_search" >
              <Col span="5" align="center" >毕业院校<span style="color: red">(必填)</span></Col>
              <Col span="7">
                <Input v-model="showinfo.CPEI002" type="text" style="width: 35%"></Input>
              </Col>
              <Col span="4" align="center" >所学专业<span style="color: red">(必填)</span></Col>
              <Col span="8">
                <Input v-model="showinfo.CPEI003" type="text" style="width: 35%"></Input>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="5" align="center">最高学历<span style="color: red">(必填)</span></Col>
              <Col span="7" >
                <Select v-model="showinfo.CPEI004" filterable transfer="" style="width: 35%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </Col>
              <Col span="4" align="center">学位<span style="color: red">(必填)</span></Col>
              <Col span="8" >
                <Select v-model="showinfo.CPEI005" filterable transfer="" style="width: 35%;">
                  <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="5" align="center">毕业时间<span style="color: red">(必填)</span></Col>
              <Col span="7" >
                <DatePicker type="date"  v-model="showinfo.CPEI006" :transfer=true style="width: 35%;"></DatePicker>
              </Col>
            </Row>
          </TabPane>
          <TabPane label="亲属信息">
            <Row>
              <Col span="1">
                <Button type="primary" @click="addFamily">添加</Button>
              </Col>
              <Col span="1">
                <Button type="primary" @click="delFamily">删除</Button>
              </Col>
            </Row>
            <Table width="850" border :columns="familyInfoTable" :data="familyInfoList" ref="familySelection2"  @on-selection-change="familySelection()"  style="margin-top: 10px;">
              <template  slot-scope="{ row }" slot="CPFI002">
                <Input v-model="row.CPFI002" type="text"></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI003">
                <Select v-model="row.CPFI003" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row }" slot="CPFI004">
                <Input v-model="row.CPFI004" type="text" ></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI005">
                <Input v-model="row.CPFI005" type="text" ></Input>
              </template>
              <template slot-scope="{ row }" slot="CPFI006">
                <Select v-model="row.CPFI006" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row, index }" slot="action1">
                <Button type="primary" @click="confirm(row, index)">确认</Button>
              </template>
            </Table>
          </TabPane>
          <TabPane label="职业信息">
            <div style="overflow-y:auto;height: 200px">
              <Row class="bench_search" >
                <Col span="5" align="center" >社会工作师职业资格:</Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI002" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >社会工作师职业资格取得时间:</Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="showinfo.CPWI003" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >所属市区:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI023" filterable transfer="" style="width: 52.5%" @on-change="getRegionList(showinfo.CPWI023, 1)">
                    <Option :value="item.CPSR001" v-for="item in reginList[0]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >街道:</Col>
                <Col span="9">
                  <Select v-model="showinfo.CPWI024" filterable transfer="" style="width: 35%" @on-change="getRegionList(showinfo.CPWI024, 2)">
                    <Option :value="item.CPSR001" v-for="item in reginList[1]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >社区:</Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI025" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.CPSR001" v-for="item in reginList[2]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >入职时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="showinfo.CPWI005" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >任职情况:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI006" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >任职时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="showinfo.CPWI007" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否党组织成员:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="showinfo.CPFI006" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >是否居委会成员:</Col>
                <Col span="9">
                  <Select v-model="showinfo.CPFI006aa" filterable transfer="" style="width: 35%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >笔试成绩:</Col>
                <Col span="6">
                  <Input v-model="showinfo.CPWI008" type="text" style="width: 52.5%"></Input>
                </Col>
                <Col span="4" align="center" >面试成绩:</Col>
                <Col span="9">
                  <Input v-model="showinfo.CPWI009" type="text" style="width: 35%"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >其他职业资格:</Col>
                <Col span="6">
                  <Input v-model="showinfo.CPWI004" type="text" style="width: 52.5%"></Input>
                </Col>
                <Col span="4" align="center" >继续教育情况:</Col>
                <Col span="9">
                  <Input v-model="showinfo.CPWI015" type="text" style="width: 35%"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否取得全科社工资格:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI016" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >全科社工资格取得时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="showinfo.CPEI006" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >社会保险缴费记录:</Col>
                <Col span="6">
                  <CheckboxGroup v-model="showinfo.CPWI017">
                    <Checkbox label="01">养老保险</Checkbox>
                    <Checkbox label="02">医疗保险</Checkbox>
                    <Checkbox label="03">失业保险</Checkbox>
                    <Checkbox label="04">工伤保险</Checkbox>
                    <Checkbox label="05">生育保险</Checkbox>
                    <Checkbox label="06">住房公积金</Checkbox>
                  </CheckboxGroup>
                </Col>
                <Col span="4" align="center" >初次缴纳时间:</Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="showinfo.CPWI018" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >是否连续缴纳:<span style="color: red">(必填)</span></Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI019" filterable transfer="" style="width: 52.5%">
                    <Option :value="'Y'" >是</Option>
                    <Option :value="'N'" >否</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >接续缴纳时间:<span style="color: red">(必填)</span></Col>
                <Col span="9">
                  <DatePicker type="date"  v-model="showinfo.CPWI020" :transfer=true style="width: 35%;"></DatePicker>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >培训记录:</Col>
                <Col span="6">
                  <Select v-model="showinfo.CPWI014" filterable transfer="" style="width: 52.5%">
                    <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                  </Select>
                </Col>
                <Col span="4" align="center" >综合评定:</Col>
                <Col span="9">
                  <Select v-model="showinfo.CPWI013" filterable transfer="" style="width: 35%">
                    <Option :value="'10'" >优秀</Option>
                    <Option :value="'20'" >称职</Option>
                    <Option :value="'40'" >不称职</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="5" align="center" >离职时间:</Col>
                <Col span="6">
                  <DatePicker type="date"  v-model="showinfo.CPWI021" :transfer=true style="width: 52.5%;"></DatePicker>
                </Col>
              </Row>
            </div>
          </TabPane>
          <TabPane label="考核信息">
            <Row>
              <Col span="1">
                <Button type="primary" @click="addAssessment">添加</Button>
              </Col>
              <Col span="1">
                <Button type="primary" @click="delAssessment">删除</Button>
              </Col>
            </Row>
            <Table width="850" border :columns="assessmentInfoTable" :data="assessmentInfoList" ref="assessmentSelection2"  @on-selection-change="assessmentSelection()"  style="margin-top: 10px;">
              <template  slot-scope="{ row }" slot="CPKI001">
                <Select v-model="row.CPKI001" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row }" slot="CPKI002">
                <DatePicker type="date"  v-model="row.CPKI002" :transfer=true ></DatePicker>
              </template>
              <template slot-scope="{ row }" slot="CPKI003">
                <Select v-model="row.CPKI003" filterable transfer="" >
                  <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
                </Select>
              </template>
              <template slot-scope="{ row, index }" slot="action1">
                <Button type="primary" @click="confirm2(row, index)">确认</Button>
              </template>
            </Table>
          </TabPane>
        </Tabs>
      </div>
    </Modal>
    <Modal
      v-model="jdnddModal"
      title="街道内调动"
      width="35%"
    >
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出社区</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">调入社区<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select>
            <Option ></Option>
          </Select>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
    </Modal>
    <Modal
      v-model="kjdddModal"
      title="跨街道调动"
      width="35%"
      @on-ok="kjdddOk"
    >
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input v-model="ddInfo.company_code" type="text"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input v-model="ddInfo.put_place" type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input v-model="ddInfo.name" type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出街道</Col>
        <Col span="8">
          <Input v-model="ddInfo.out_placeName" type="text"></Input>
        </Col>
        <Col span="4" align="center">调入街道<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select v-model="ddInfo.put_place">
            <Option :value="item.CPSR001" v-for="item in reginList[3]" v-bind:key="item.CPSR001">{{item.CPSR002}}</Option>
          </Select>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input v-model="ddInfo.event_typeName" type="text"  value="3"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input v-model="ddInfo.stateName" type="text" value="1" ></Input>
        </Col>
      </Row>
    </Modal>
    <Modal
      v-model="qnddModal"
      title="区内调动"
      width="35%"
    >
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出街道</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">调入街道<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select>
            <Option ></Option>
          </Select>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出社区</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">调入社区<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select>
            <Option ></Option>
          </Select>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
    </Modal>
    <Modal
      v-model="kqddModal"
      title="跨区调动"
      width="35%"
    >
      <Row class="bench_search">
        <Col span="4" align="center">提交人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">审批人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调动人员</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">调出区县</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">调入区县<span style="color: red">(必填)</span></Col>
        <Col span="8">
          <Select>
            <Option ></Option>
          </Select>
        </Col>
      </Row>
      <Row class="bench_search">
        <Col span="4" align="center">审批流程</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
        <Col span="4" align="center">下个流程</Col>
        <Col span="8">
          <Input  type="text"></Input>
        </Col>
      </Row>
    </Modal>
    <Modal
      v-model="deleteModal"
      title="删除"
      @on-ok="deleteOk()">
      是否确认删除？
    </Modal>
  </div>
</template>

<script>
import {
  getPersonInfoList,
  getRegionList,
  getTypeNameList,
  createPersonneInfo,
  getPersonInfo,
  deleteComplaint,
  updatePersonneInfo,
  createTransfer,
  date2str,
  findPersonInfoList, insertsalary, findSalaryIsGrant, insertSalaryIsGrant
} from '@/api/eventlist'
export default {
  data () {
    return {
      systemTime: '',
      datalist: [],
      addModal: false,
      updateModal: false,
      showModal: false,
      handle_time1: '',
      deleteModal: false,
      jdnddModal: false,
      kjdddModal: false,
      qnddModal: false,
      kqddModal: false,
      ddInfo: {},
      addinfo: {},
      updateinfo: {},
      showinfo: {},
      deleteInfo: {},
      handleInfo: {},
      searchInfo: {
        currentPageNo: 1,
        currentPageSize: 10,
        loading1: true
      },
      reginList: [[], [], []],
      dictList: [[], [], []],
      columns: [
        {
          type: 'index',
          width: 50,
          align: 'center'
        },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        { title: '姓名', key: 'CPBI003', minWidth: 90, align: 'center' },
        { title: '性别', key: 'sex', width: 50, align: 'center' },
        { title: '年龄', key: 'age', width: 60, align: 'center' },
        { title: '是否超龄', key: 'isoverage', width: 60, align: 'center' },
        { title: '身份证号', key: 'CPBI002', minWidth: 160, align: 'center' },
        { title: '政治面貌', key: 'CPBI008', width: 100, align: 'center' },
        { title: '联系方式', key: 'CPBI013', width: 120, align: 'center' },
        { title: '免冠照片',
          width: 100,
          align: 'center',
          render: (h, params) => {
            return h('img', {
              attrs: {
                src: 'https://szmz.mzj.shenyang.gov.cn/symz-cp/cp01001Controller.do?picStream&pic=' + params.row.CPBI015
              },
              style: {
                marginRight: '5px'
              },
              on: {
                click: () => {
                  console.log(h)
                }
              }
            })
          }
        },
        { title: '所在区县', key: 'CPWI023', width: 100, align: 'center' },
        { title: '所在街道', key: 'CPWI024', width: 100, align: 'center' },
        { title: '所在社区', key: 'company_name', width: 100, align: 'center' },
        { title: '任职情况', key: 'CPWI006', width: 100, align: 'center' },
        { title: '社工状态', key: 'CPBI018', width: 100, align: 'center' },
        { title: '操作',
          key: 'action',
          minWidth: 250,
          align: 'center',
          render: (h, params) => {
            let temp = []
            temp.push(
              h('Button', {
                props: { type: 'warning', size: 'small' },
                style: { marginRight: '5px', marginTop: '2px', marginBottom: '2px' },
                on: {
                  click: () => {
                    this.handleModal = true
                    this.handleInfo.row = params.row
                  }
                }
              }, '注销')
            )
            if (this.$store.state.user.severUserInfo.company_grade === '3') {
              temp.push(
                h('Button', {
                  props: { type: 'info', size: 'small' },
                  style: { marginRight: '5px', marginTop: '2px', marginBottom: '2px' },
                  on: {
                    click: () => {
                      this.qnddModal = true
                    }
                  }
                }, '区内调动'),
                h('Button', {
                  props: { type: 'info', size: 'small' },
                  style: { marginRight: '5px', marginTop: '2px', marginBottom: '2px' },
                  on: {
                    click: () => {
                      this.kqddModal = true
                    }
                  }
                }, '跨区调动')
              )
            }
            if (this.$store.state.user.severUserInfo.company_grade === '4') {
              temp.push(
                h('Button', {
                  props: { type: 'info', size: 'small' },
                  style: { marginRight: '5px', marginTop: '2px', marginBottom: '2px' },
                  on: {
                    click: () => {
                      this.jdnddModal = true
                    }
                  }
                }, '街道内调动'),
                h('Button', {
                  props: { type: 'info', size: 'small' },
                  style: { marginRight: '5px', marginTop: '2px', marginBottom: '2px' },
                  on: {
                    click: () => {
                      this.kjdddModal = true
                      this.ddInfo.company_code = this.$store.state.user.severUserInfo.company_code
                      this.ddInfo.name = params.row.CPBI003
                      this.ddInfo.pid = params.row.ID
                      this.ddInfo.out_placeName = params.row.CPWI024
                      this.ddInfo.out_place = this.$store.state.user.severUserInfo.company_code
                      this.ddInfo.event_type = '3'
                      this.ddInfo.state = '1'
                      this.ddInfo.event_typeName = '跨街道调动'
                      this.ddInfo.stateName = '调入地审批'
                      console.log(this.$store.state.user.severUserInfo)
                    }
                  }
                }, '跨街道调动')
              )
            }
            if (this.$store.state.user.severUserInfo.company_grade === '2') {
              temp.push(
                h('Button', {
                  props: { type: 'error', size: 'small' },
                  style: { marginRight: '5px', marginTop: '2px', marginBottom: '2px' },
                  on: {
                    click: () => {
                      this.deleteModal = true
                      this.deleteInfo.row = params.row
                    }
                  }
                }, '删除')
              )
            }
            return h('div', temp)
          }
        }
      ],
      familyInfoTable: [
        {
          title: '序号',
          type: 'index',
          width: 50,
          align: 'center'
        },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        { title: '亲属姓名(必填)', slot: 'CPFI002', minWidth: 90, align: 'center' },
        { title: '亲属关系(必填)', slot: 'CPFI003', minWidth: 90, align: 'center' },
        { title: '亲属联系方式(必填)', slot: 'CPFI004', minWidth: 90, align: 'center' },
        { title: '工作单位(必填)', slot: 'CPFI005', minWidth: 90, align: 'center' },
        { title: '政治面貌(必填)', slot: 'CPFI006', minWidth: 90, align: 'center' },
        { title: '操作', slot: 'action1', minWidth: 90, align: 'center' }
      ],
      assessmentInfoTable: [
        {
          title: '序号',
          type: 'index',
          slot: 'id',
          width: 50,
          align: 'center'
        },
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        { title: '考核类型', slot: 'CPKI001', minWidth: 90, align: 'center' },
        { title: '考核时间', slot: 'CPKI002', minWidth: 90, align: 'center' },
        { title: '考核成绩', slot: 'CPKI003', minWidth: 90, align: 'center' },
        { title: '操作', slot: 'action1', minWidth: 90, align: 'center' }
      ],
      familyInfoList: [],
      familySelectionList: [],
      personSelectionList: [],
      assessmentInfoList: [],
      assessmentSelectionList: []
    }
  },
  methods: {
    init () {
      this.searchInfo.loading1 = true
      this.datalist = []
      let parasm = {
        'CPBI003': this.searchInfo.CPBI003,
        'CPBI005': this.searchInfo.CPBI005,
        'start_age': this.searchInfo.start_age,
        'end_age': this.searchInfo.end_age,
        'isoverage': this.searchInfo.isoverage,
        'CPBI002': this.searchInfo.CPBI002,
        'CPBI008': this.searchInfo.CPBI008,
        'CPBI013': this.searchInfo.CPBI013,
        'CPWI023': this.searchInfo.CPWI023,
        'CPWI024': this.searchInfo.CPWI024,
        'CPWI025': this.searchInfo.CPWI025,
        'CPWI006': this.searchInfo.CPWI006,
        'CPBI018': this.searchInfo.CPBI018,
        'pageNo': this.searchInfo.currentPageNo,
        'pageSize': this.searchInfo.currentPageSize
      }
      getPersonInfoList(parasm).then(ret => {
        if (ret.data.errcode === 0) {
          console.log(ret)
          this.searchInfo.totalnum = ret.data.data.totalRecord
          let data = []
          ret.data.data.results.forEach(function (temp, index) {
            if (temp.isoverage === 'Y') {
              temp.isoverage = '是'
            } else {
              temp.isoverage = '否'
            }
            data.push(temp)
          })
          this.datalist = data
          this.searchInfo.loading1 = false
        } else {
          this.$Notice.error({
            title: '查询失败',
            desc: ret.data.errmsg
          })
        }
      })
    },
    salarysettlement(){
      let params={
        time:this.systemTime.substring(0,7)
      }
      findSalaryIsGrant(params).then(res => {
        if (res.data.errcode === 10003) {
          insertSalaryIsGrant(params).then(res => {
            if (res.data.errcode === 0) {
              this.$Message.success('本月工资结算开始，请稍等几分钟查看工资结算情况')
            } else {
              this.$Notice.error({
                title: '工资结算失败',
                desc: res.data.errmsg
              })
            }
          })
        } else if(res.data.errcode === 0){
          if (res.data.data.isgrant === '1') {
            this.$Message.success('本月工资已全部发放完毕')
          } else {
            this.$Message.success('本月工资正在结算中请稍等')
          }
        } else {
          this.$Notice.error({
            title: '获取工资结算情况失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    rrr(){
         findPersonInfoList().then(res => {
       if (res.data.errcode === 0) {
         console.log(res)
         res.data.data.forEach(function (item, index) {
           item.ageinsurance=5238*0.08 //养老保险
           item.medicalinsurance=5561*0.02 //医疗保险
           item.unemploymentinsurance=5238*0.6*0.05 //失业保险
           item.reserve=item.salary*0.05  //公积
           item.infactgrantsalary=item.salary-item.ageinsurance-item.medicalinsurance-item.unemploymentinsurance-item.reserve  //实发金额
           let params={
             id:item.ID,
             street:item.CPWI024,
             community:item.CPWI025,
             name:item.CPBI003,
             job:item.CPWI006,
             idcard:item.CPBI002,
             bankcardno:item.bankcardno,
             ageinsurance:item.ageinsurance,
             medicalinsurance:item.medicalinsurance,
             unemploymentinsurance:item.unemploymentinsurance,
             infactgrantsalary:item.infactgrantsalary,
             shouldpaysalary:item.salary,
             reserve:item.reserve,
             area:item.CPWI023
           }
           console.log(params)
           insertsalary(params).then(res => {
             if (res.data.errcode === 0) {
               this.$Message.success('成功')
             } else {
                this.$Message.error('失败')
             }
           })
         })
       } else {
         this.$Notice.error({
           title: '失败',
           desc: res.data.errmsg
         })
       }
     })
    },
    betweendate(startDateStr, endDateStr){
      let day = 24 * 60 * 60 *1000
      let sDate = new Date(Date.parse(startDateStr.replace(/-/g, "/")))
      let eDate = new Date(Date.parse(endDateStr.replace(/-/g, "/")))
      sDate = new Date(sDate.getTime() - day)
      let sY  = sDate.getFullYear()
      let sM  = sDate.getMonth()+1
      let sD  = sDate.getDate()
      let eY  = eDate.getFullYear()
      let eM  = eDate.getMonth()+1
      let eD  = eDate.getDate()

      if(eY > sY && sM == eM && sD == eD) {
        console.log(eY)
        console.log(sY)
        console.log( Math.floor(eY - sY))
        return Math.floor(eY - sY)
      }
    },
    addDate () {
      let that = this
      let nowDate = new Date()
      let date = {
        year: nowDate.getFullYear(),
        month: nowDate.getMonth() + 1,
        date: nowDate.getDate()
      }
      that.systemTime = date.year + '-' + date.month + '-' + date.date
    },
    updatePersonne () {
      let param = this.updateinfo
      param.CP01003 = this.familyInfoList
      param.CP01006 = this.assessmentInfoList
      if (this.updateinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.updateinfo.CPBI002.substr(6, 4) + '-' + this.updateinfo.CPBI002.substr(10, 2) + '-' + this.updateinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.updateinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.updateinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.updateinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.updateinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.updateinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.updateinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.updateinfo.CPWI005 !== undefined) {
        param.CPWI005 = date2str(this.updateinfo.CPWI005)
      } else {
        param.CPWI005 = ''
      }
      if (this.updateinfo.CPWI005 !== undefined) {
        param.CPWI007 = date2str(this.updateinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.updateinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.updateinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.updateinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.updateinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.updateinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.updateinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      updatePersonneInfo(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('修改成功')
        } else {
          this.$Notice.error({
            title: '修改失败',
            desc: res.data.errmsg
          })
        }
      })
      this.init()
    },
    updateOk () {
      this.updatePersonne()
    },
    addOk () {
      this.addPerson()
    },
    kjdddOk () {
      console.log(this.ddInfo)
      let param = this.ddInfo
      param.operator = this.ddInfo.put_place
      createTransfer(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('提交成功')
        } else {
          this.$Notice.error({
            title: '提交失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    addPerson () {
      let param = this.addinfo
      param.CP01003 = this.familyInfoList
      param.CP01006 = this.assessmentInfoList
      if (this.addinfo.CPBI002 !== undefined) {
        param.CPBI004 = (this.addinfo.CPBI002.substr(6, 4) + '-' + this.addinfo.CPBI002.substr(10, 2) + '-' + this.addinfo.CPBI002.substr(12, 2)) // 出生日期
      }
      if (this.addinfo.CPWI017 !== undefined) {
        param.CPWI017 = this.addinfo.CPWI017.join(',')
      } else {
        param.CPWI017 = ''
      }
      if (this.addinfo.CPEI006 !== undefined) {
        param.CPEI006 = date2str(this.addinfo.CPEI006)
      } else {
        param.CPEI006 = ''
      }
      if (this.addinfo.CPWI003 !== undefined) {
        param.CPWI003 = date2str(this.addinfo.CPWI003)
      } else {
        param.CPWI003 = ''
      }
      if (this.addinfo.CPWI005 !== undefined) {
        param.CPWI005 = date2str(this.addinfo.CPWI005)
      } else {
        param.CPWI005 = ''
      }
      if (this.addinfo.CPWI005 !== undefined) {
        param.CPWI007 = date2str(this.addinfo.CPWI007)
      } else {
        param.CPWI007 = ''
      }
      if (this.addinfo.CPWI018 !== undefined) {
        param.CPWI018 = date2str(this.addinfo.CPWI018)
      } else {
        param.CPWI018 = ''
      }
      if (this.addinfo.CPWI020 !== undefined) {
        param.CPWI020 = date2str(this.addinfo.CPWI020)
      } else {
        param.CPWI020 = ''
      }
      if (this.addinfo.CPWI021 !== undefined) {
        param.CPWI021 = date2str(this.addinfo.CPWI021)
      } else {
        param.CPWI021 = ''
      }
      this.assessmentInfoList.forEach(function (temp, index) {
        param.CP01006[index].CPKI002 = date2str(temp.CPKI002)
      })
      console.log(param)
      createPersonneInfo(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('添加成功')
          this.init()
        } else {
          this.$Notice.error({
            title: '添加失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    deleteComplaint () {
      let param = {
        id: this.deleteInfo.row.id
      }
      deleteComplaint(param).then(res => {
        if (res.data.errcode === 0) {
          this.$Message.success('删除成功')
          this.init()
        } else {
          this.$Notice.error({
            title: '删除失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    deleteOk () {
      if (this.deleteInfo.row.state !== '1') {
        this.$Notice.error({
          title: '删除失败',
          desc: '未处理的投诉不可删除'
        })
      } else {
        this.deleteComplaint()
      }
    },
    showPerson (type) {
      let election = this.$refs.personSelection.getSelection()
      if (election.length > 1) {
        this.$Notice.error({
          title: '获取人员信息失败',
          desc: '请选择一条记录'
        })
        return
      }
      if (type === 1) {
        this.showModal = true
      } else {
        this.updateModal = true
      }

      let id = election[0].ID
      console.log(election)
      getPersonInfo({ id: id }).then(res => {
        if (res.data.errcode === 0) {
          this.showinfo = res.data.data
          this.updateinfo = res.data.data
          if (res.data.data.CPWI017 !== undefined) {
            this.showinfo.CPWI017 = res.data.data.CPWI017.toString().split(',')
            this.updateinfo.CPWI017 = res.data.data.CPWI017.toString().split(',')
          }
          this.familyInfoList = res.data.data.familyInfoList
          this.assessmentInfoList = res.data.data.assessmentInfoList
          console.log(res.data.data.familyInfoList)
          console.log(res.data.data.assessmentInfoList)
        } else {
          this.$Notice.error({
            title: '获取人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    searchDatawork () {
      this.searchInfo = {}
      this.init()
    },
    changePagesize (pageSize) {
      this.searchInfo.currentPageSize = pageSize
      this.changePageNo()
    },
    changePageNo (pageNo) {
      this.searchInfo.currentPageNo = pageNo
      this.init()
    },
    addFamily () {
      let temp = {
        id: this.familyInfoList.length,
        CPFI002: '',
        CPFI003: '',
        CPFI004: '',
        CPFI005: '',
        CPFI006: ''
      }
      this.familyInfoList.push(temp)
    },
    delFamily () {
      let index = this.familySelectionList
      console.log(this.familySelectionList)
      for (let i = 0; i < index.length; i++) {
        this.familyInfoList.splice(index[i].id - 1, 1)
      }
    },
    personSelection () {
      this.personSelectionList = this.$refs.personSelection.getSelection()
    },
    familySelection () {
      this.familySelectionList = this.$refs.familySelection.getSelection()
      console.log(this.familySelectionList)
    },
    addAssessment () {
      let temp = {
        id: this.assessmentInfoList.length,
        CPKI001: '',
        CPKI002: '',
        CPKI003: ''
      }
      this.assessmentInfoList.push(temp)
    },
    delAssessment () {
      let index = this.assessmentSelectionList
      for (let i = 0; i < index.length; i++) {
        this.assessmentInfoList.splice(index[i].id - 1, 1)
      }
    },
    assessmentSelection () {
      this.assessmentSelectionList = this.$refs.assessmentSelection.getSelection()
    },
    getRegionList (id, index) {
      getRegionList({ id: id }).then(res => {
        if (res.data.errcode === 0) {
          this.reginList[index] = res.data.data
          this.$forceUpdate()
        } else {
          this.$Notice.error({
            title: '获取区域列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getTypeName (id, index) {
      getTypeNameList({ typegroupcode: id }).then(res => {
        if (res.data.errcode === 0) {
          this.dictList[index] = res.data.data
        } else {
          this.$Notice.error({
            title: '获取字典列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getDictList () {
      this.getTypeName('political', 0)
      this.getTypeName('position', 1)
      this.getTypeName('cpbi018', 2)
      this.getTypeName('marriage', 3)
      this.getTypeName('nation', 4)
      this.getTypeName('incumbency', 5)
      this.getTypeName('sp_status', 6)
      this.getTypeName('degree', 7)
      this.getTypeName('academic', 8)
      this.getTypeName('lineal', 9)
      this.getTypeName('pqoswt', 10)
      this.getTypeName('train', 11)
      this.getTypeName('examType', 12)
      this.getTypeName('examresult', 13)
    },
    confirm (item, index) {
      console.log(item)
      console.log(index)
      this.familyInfoList[index] = item
      console.log(this.familyInfoList)
    },
    confirm2 (item, index) {
      this.assessmentInfoList[index] = item
    }
  },
  mounted () {
    this.init()
    this.getRegionList('', 0)
    this.getRegionList(this.$store.state.user.severUserInfo.company_code, 1)
    this.getRegionList(this.$store.state.user.severUserInfo.company_code, 2)
    this.getRegionList(this.$store.state.user.severUserInfo.parent_code, 3)
    this.getDictList()
    this.addDate()
    this.betweendate('2020-08-09','1994-03-07')
  }
}
</script>
